@charset "UTF-8";
/* CSS Document */
* {
	padding:0px;
	margin:0px;
}
body, td, th {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-color: #0f0f0f;
	margin-left: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
a:active {
	text-decoration: none;
}
.clear {
	clear:both;
}
ul {
	list-style:none;
}
img {
	border:none;
}
.mt {
	margin-top:20px;
}
.mb {
	margin-bottom:20px;
}
.head {
	width:100%;
	background:#272727;
}
.width {
	width:1010px;
	margin:0 auto;
}
*html .width {
	width:1020px;
	margin:0 auto;
}
.top {
	width:1000px;
	margin:0;
}
.logo {
	float:left;
}
.top_right ul {
	float:right;
	margin-top:25px;
}
.top_right ul li {
	margin:0 10px;
	display:block;
	float:left;
}
.top_right span {
	float:right;
	margin-top:23px;
}
.navbg {
	width:100%;
	background: url(http://www.andarts.net/templets/images/navbg_05.jpg) repeat-x;
	height:30px;
}
.nav {
	width:1000px;
	margin:0;
}
.nav ul li {
	float:left;
	width:111px;
	text-align:center;
	line-height:30px;
	font-size:14px;
}
.nav ul li a {
	width:111px;
	text-align:center;
	line-height:30px;
	display:block;
}
.nav ul li a:hover {
	background:url(http://www.andarts.net/templets/images/navbg_03.jpg) repeat-x;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	display:block;
}
#cur {
	background:url(http://www.andarts.net/templets/images/navbg_03.jpg) repeat-x;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	display:block;
}
.con {
	width:100%;
	background:url(http://www.andarts.net/templets/images/bg.gif) repeat-x;
}
#cur1 {
	background:none;
}
#leftarea {
	float:left;
	width:230px;
}
.box {
	width:230px;
}
.box .title {
	width:215px;
	padding-left:15px;
	background: url(http://www.andarts.net/templets/images/boxtitle.png) no-repeat;
	height:31px;
	padding-top:18px;
}
.box .boxcontent {
	width:220px;
	color:#FFF;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:8px;
	line-height:28px;
	background:url(http://www.andarts.net/templets/images/boxbg.png) repeat-y;
}
.box .boxcontair {
	width:227px;
	color:#FFF;
	padding-left:3px;
	background:url(http://www.andarts.net/templets/images/boxbg.png) repeat-y;
}
.box .boxcontair ul li {
	float:left;
	width:100px;
	padding-left:5px;
	line-height:34px;
	padding-top:8px;
	background:url(http://www.andarts.net/templets/images/line.gif) repeat-x left bottom;
}
.box .boxcontair ul li a:link, .box .boxcontair ul li a:active, .box .boxcontair ul li a:visited {
	color:#FFF
}
.box .boxcontair ul li a:hover {
	color:#F00
}
.box .bottom {
	width:230px;
	height:30px;
	background:url(http://www.andarts.net/templets/images/boxbottom.png) no-repeat
}
*html #rightarea {
	float:left;
	width:790px;
}
#rightarea {
	float:left;
	width:780px;
}
*html .news {
	float:left;
	width:496px;
	margin-left:8px;
}
.news {
	float:left;
	width:496px;
	margin-left:12px;
}
.newstitle {
	background:url(http://www.andarts.net/templets/images/newsbg.gif) no-repeat top left;
	height:47px;
}
.newstitle h3 {
	margin-left:15px;
	margin-top:18px;
	float:left;
}
.newstitle span {
	float:right;
	margin-right:15px;
	margin-top:18px;
}
.news ul li {
	margin-top:1px;
	line-height:40px;
	border-bottom:1px dashed #CCCCCC;
	padding-left:40px;
	background:url(http://www.andarts.net/templets/images/newsicon.png) no-repeat 0px 3px;
	width:456px;
	float:left;
}
.news ul li a {
}
.news ul li span {
	float:right;
	margin-right:10px;
	color:#999999;
}
*html .box2 {
	width:248px;
	margin-left:20px;
	float:left;
	display:inline
}
.box2 {
	width:248px;
	margin-left:20px;
	float:left;
	display:inline
}
.box2 .title {
	width:233px;
	padding-left:15px;
	background: url(http://www.andarts.net/templets/images/box2title.png) no-repeat;
	height:31px;
	padding-top:18px;
}
.box2 .boxcontent {
	width:218px;
	color:#FFF;
	padding:18px 17px 12px 14px;
	background:url(http://www.andarts.net/templets/images/aboutlist.png) repeat-y;
}
.box2 .boxcontent p {
	display:block;
	padding-top:12px;
	line-height:24px;
	text-indent:2em;
}
.box2 .boxcontent p a {
	color:#FF0000
}
.box2 .boxcontent p a:hover {
	color:#FFFFFF;
}
.box2 .bottom {
	width:248px;
	height:30px;
	background:url(http://www.andarts.net/templets/images/aboutbottom.png) no-repeat
}
*html .photo {
	position:relative;
	font-family:arial;
	overflow:hidden;
	border:5px solid #000;
	width:172px;
	height:172px;
	float:left;
	margin:3px 3px 0px 3px;
}
.photo {
	position:relative;
	font-family:arial;
	overflow:hidden;
	border:5px solid #000;
	width:172px;
	height:172px;
	float:left;
	margin:3px 4px 0px 4px;
}
.photo a {
	border:none;
}
.photo img {
	border:none;
}
.photo .heading, .photo .caption {
	position:absolute;
	background:#000;
	height:50px;
	width:172px;
	opacity:0.6;
}
.photo .heading {
	top:-50px;
}
.photo .caption {
	bottom:-50px;
	left:0px;
}
.photo .heading span {
	color:#26c3e5;
	top:-50px;
	font-weight:bold;
	display:block;
	padding:5px 0 0 10px;
}
.photo .caption span {
	color:#999;
	font-size:12px;
	display:block;
	padding:5px 10px 0 10px;
}
.casestitle{ 
	height:32px;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	line-height:20px;
	background:url(http://www.andarts.net/templets/images/casetitle.gif) no-repeat
	}
.indexcase {
	width:761px;
	float:left;
	margin-left:10px;
	display:inline
}
.indexcase .title {
	height:32px;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	line-height:20px;
	background:url(http://www.andarts.net/templets/images/casetitle.gif) no-repeat
}
.indexcase .content {
	margin-top:10px;
}
.Left {
	float:left;
}
.Right {
	float:right
}
.footer{ text-align:center; width:1000px; line-height:60px; border-top:1px solid #CCCCCC; margin-top:20px; color:#999999;}
















#leftarea1 {
	float:left;
	width:217px;
}
.box1 .title {
	padding-left:15px;
	background: url(http://www.andarts.net/templets/images/about_34.gif) no-repeat;
	height:34px;
	padding-top:15px;
}
.box1 .title img{margin:0 4px; display:block;}
.box1 ul{background:url(http://www.andarts.net/templets/images/about_37.gif) repeat-y;}
.box1 ul li {
	height:36px;
	line-height:38px;
	background: url(http://www.andarts.net/templets/images/about_line_27.gif) no-repeat 3px bottom ;
}
.box1 ul li a:link, .box1 ul li a:active, .box1 ul li a:visited {
 background:url(http://www.andarts.net/templets/images/about_28.jpg) no-repeat left top;
 width:160px;
	padding-left:51px;
	display:block;
	margin-left:3px;
	
}
.box1 ul li a:hover{
 background:url(http://www.andarts.net/templets/images/about1_21.jpg) no-repeat left top;
 width:160px;
	padding-left:51px;
	display:block;
	margin-left:3px;
	
}
#cur2{ background:url(http://www.andarts.net/templets/images/about1_21.jpg) no-repeat left top;
 width:160px;
	padding-left:51px;
	display:block;
	margin-left:3px; color:#FF0000;}
.box1 .bottom {
	width:217px;
	height:3px;
	background:url(http://www.andarts.net/templets/images/about_39.gif) no-repeat
}

.box1 p{background:url(http://www.andarts.net/templets/images/about_37.gif) repeat-y; line-height:24px; padding-left:15px; padding-top:10px; padding-bottom:10px;  
padding-right:5px;}

.about_right{ float:left; width:753px; margin-left:30px;} 
.about_right h3{ font-size:16px; font-weight:bold; background:url(http://www.andarts.net/templets/images/about_09.gif) no-repeat 10px 17px; padding-left:30px;  
line-height:48px;}
*html .weizhi{padding:1px 0px; line-height:38px; border-bottom:1px solid #666666;border-top:1px solid #666666; padding- 
left:10px;}/*IE6*/
*+html .weizhi{padding:1px 0px; line-height:38px; border-bottom:1px solid #666666;border-top:1px solid #666666; padding- 
left:10px;}/*IE7*/
.weizhi{line-height:38px; border-bottom:1px solid #666666;border-top:1px solid #666666; padding-left:10px;}
.weizhi a{ color:#999999;}
.weizhi a:hover{ color:#ffffff;}
.weizhi font a{ color: #CCCCCC; font-size:12px}
.weizhi font a:hover{ color: #ffffff;}
.weizhi img{ vertical-align:middle}

.about_img{ float:left; margin:20px 0;}
.about_right1{ width:500px; float:left; margin:20px 0 30px 20px;}
.about_right1 p{ text-indent:2em; line-height:35px; margin:5px 0px;}
.fwxm ul li{ float:left;}
.fwxm ul li a:link, .fwxm ul li a:active, .fwxm ul li a:visited{border:1px solid #666666; width:196px; padding:5px; line-height:24px;  
margin:0 20px ; margin-top:20px; display:block;}
.fwxm ul li a:hover{ background:#000000;}
.fwxm ul li a img {
	width:196px;
	height:146px;
}
.page{ text-align:center; padding:1px; display:block; padding-left:300px;}
.page span a:link, .page span a:active, .page span a:visited{ padding:3px; margin:30px 3px 0px 3px; display:block; border:1px #666666  
solid; float:left;}
.page span a:hover{ background:#999999; color:#000000;}


.table1 td{ line-height:35px; margin:5px;}
.table1 img{ margin:5px;}
.table1 span{ background: #666666; display:block; line-height:25px; border:1px solid #333333; margin:5px 20px; padding:0px 15px;}
.text2{ width:154px; height:20px; }
.text3{ width:50px; height:20px;}
.text4{ width:350px; height:130px;}
.GB{ padding:30px;}
.GB p{ line-height:40px; font-size:14px; padding:20px;}
.GB font{ display:block; font-weight:bold; font-size:16px;}

.news1 ul { padding:0px 0px 20px 0px;}
.news1 ul li {
	margin-top:1px;
	line-height:40px;
	padding-left:40px;
	background:url(http://www.andarts.net/templets/images/newsicon.png) no-repeat 0px 3px;
	width:660px;
	float:left;
}
.news1 ul li a {
}
.news1 ul li span {
	float:right;
	margin-right:10px;
	color: #666666;
}
.page1{ text-align:center; line-height:40px; border-top:1px #666666 dashed;}
.page1 a{ padding:2px; margin:20px 5px; }
.page1 font{ color:#99CC00; margin-left:20px; font-size:12px;}
.news2{ text-align:center; display:block; padding:20px 0;}
.news2 span{ margin:0 10px;}
.news_title{ line-height:40px; font-weight:bold; width:700px; margin:0 auto; text-align:left;border-bottom:1px #666666 dashed; }
.news_title font{ float:right; padding-right:30px;}
.newcon{ width:700px; padding:20px; line-height: 30px;}
.newcon p{ text-indent:2em; line-height:30px; margin:10px;}
.news_title h4{ font-size:14px; font-weight:bold; text-align:center;}